<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="/layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="/css/public.css" media="all" />
	<style>
		.orgbox{
			display: inline-block;
			/*min-height: 410px;*/
			border: 1px solid #ddd;
			overflow: auto;
		}
		.site-tips{
			display: inline-block;
			vertical-align: top;
		}
		.layui-table-cell {
			height: unset;
		}
		.layui-table-fixed-r .layui-table-cell {
			overflow: unset;
			text-overflow: unset;
			white-space: unset;
		}
		.layui-tab-title .layui-this {
			background-color: #fff;
		}
		.layui-tab-brief .layui-tab-content .layui-show  {
			overflow: hidden;
		}
		.layui-tab {
			margin: -8px 0;
		}
	</style>
</head>
<body class="childrenBody">
<div class="layui-card layui-row layui-col-space15">
	<div class="site-tips layui-col-md12" id="demo2-view">
		<blockquote class="layui-elem-quote quoteBox" style="padding: 5px;/*background-color: #fff;border-bottom: solid 3px #009688;*/">
			报表数据
		</blockquote>
		<form class="layui-form">
			<blockquote style="border-left: 0 none;" class="layui-elem-quote quoteBox">
				<form class="layui-form">
					<div class="layui-input-inline">
						所属设备：
					</div>
					<div class="layui-input-inline">
						<select name="powerType" id="equipment-list" lay-filter="equipment-list" lay-search>
							<option value="">请选择</option>
						</select>
					</div>
					<div class="layui-input-inline">
						检测项目：
					</div>
					<div class="layui-input-inline">
						<select name="powerType" id="checkItem" lay-search>
							<option value="">请选择</option>
						</select>
					</div>
					<div class="layui-input-inline">
						采集时间：
					</div>
					<div class="layui-input-inline">
						<input type="text" name="col-time" id="downAcquisitionTime" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-input-inline">
						-
					</div>
					<div class="layui-input-inline">
						<input type="text" name="col-time" id="upAcquisitionTime" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-inline">
						<a class="layui-btn search_btn" data-type="reload">查询</a>
					</div>
					<div class="layui-inline">
						<a class="layui-btn layui-btn-normal addBtn">添加设备</a>
					</div>
					<%--<div class="layui-inline">
						<a class="layui-btn update_btn" data-type="reload">更新索引库</a>
					</div>--%>
				</form>
			</blockquote>
			<table id="tableList" lay-filter="tableList"></table>

			<!--表格数据操作-->
			<script type="text/html" id="tableListBar">
				<a class="layui-btn layui-btn-xs" lay-event="edit">查看</a>
				<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
			</script>
		</form>

		<blockquote class="layui-elem-quote quoteBox" style="margin-top: 50px;padding: 5px;/*background-color: #fff;border-bottom: solid 3px #009688;*/">
			趋势变化
		</blockquote>

		<form class="layui-form">
			<blockquote style="border-left: 0 none;" class="layui-elem-quote quoteBox">
				<form class="layui-form">
					<div class="layui-input-inline">
						所属设备：
					</div>
					<div class="layui-input-inline">
						<select name="equipment-list" id="equipment-list2">
							<option value="">请选择</option>
						</select>
					</div>
					<%--<div class="layui-input-inline">
                        检测项目：
                    </div>
                    <div class="layui-input-inline">
                        <select name="powerType" id="checkItem">
                            &lt;%&ndash;<option value="">请选择</option>&ndash;%&gt;
                        </select>
                    </div>--%>
					<div class="layui-input-inline">
						时间范围：
					</div>
					<div class="layui-input-inline">
						<select name="powerType" id="date-coure">
							<option value="0" selected="selected">24小时</option>
							<option value="1">一周</option>
							<option value="2">一个月</option>
						</select>
					</div>
					<div class="layui-inline">
						<a class="layui-btn " id="searchBtn" data-type="reload">查询</a>
					</div>
				</form>
			</blockquote>

			<%--<blockquote class="layui-elem-quote title">温度</blockquote>--%>
			<div id="echart-content">
				<div align="center">请选择设备</div>
				<div style="width: 100%;height: 200px;text-align: center;display: none;" id="loading">
					<i style="font-size: 30px !important;line-height: 200px;" class="layui-icon layui-icon-loading layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i>
				</div>
				<%--<div id="echart-box1" class="layui-elem-quote layui-quote-nm magb0 echart-box">
                    <div id="line-chart" style="margin-top:10px;width: 95%; height: 400px;">

                    </div>
                </div>--%>
			</div>

		</form>

		<%--<blockquote class="layui-elem-quote quoteBox" style="margin-top: 50px;padding: 5px;/*background-color: #fff;border-bottom: solid 3px #009688;*/">
			环境监控
		</blockquote>

		<form class="layui-form">

		</form>--%>
	</div>
</div>
<script type="text/javascript" src="/layui/layui.js"></script>
<script src="/js/common/jquery-3.3.1.js"></script>
<script src="/js/common/jquery.cookie.js"></script>
<script src="/js/common.js"></script>
<script src="/layui/mymodule/common.js"></script>
<script type="text/javascript" src="/js/common/echarts.js"></script>
<script type="text/javascript" src="/js/traceablility/record/tacerecord/tracerecordMonitor.js"></script>
</div>
</body>
</html>